SlideShare a Scribd company logo
Struts 2 UI Tags
What are Struts Tags ? Nothing but Struts 2 API.  Provides the functionality to dynamically create robust web pages. Leveraging conditional rendering and integration of data from application's domain model. There are many types of Struts Tags, but there are 4 main types.
Main Type of Struts Tags DATA tags Focus on ways to extract data from the ValueStack.   Control Flow Tags Gives you the tools to conditionally alter the flow of therendering process. Miscellaneous tags Include useful functionality as management of URL rendering and internationalization of text. UI Tags Display data in rich and reusable HTML.
UI Tags It is User Interface Tags Categorise into 2 groups Form - Tags. Non – Form Tags. Simple and easy to use . Automatically generate HTML Code. XHTML theme is used.
Form UI Tags Checkbox Ex: <s:checkbox label=&quot;checkbox test&quot; name= &quot;checkboxField1&quot;  value=&quot;aBoolean&quot; fieldValue=&quot;true&quot;/>  File Ex : <s:file name=&quot;anohterUploadFIle&quot; accept = &quot;text / html, text/plain&quot; />  Password Ex : <s:password label=&quot;%{text('password')}&quot; name= &quot;password&quot; size=&quot;10&quot; maxlength=&quot;15&quot; />  Datetimepicker Ex : <s:datetimepicker name=&quot;order.date&quot; label=&quot;Order Date&quot; />  etc….
Non - Form UI Tags Component :  Renders an custom UI widget using the specified templates. Ex:  <s:component template= &quot;/my/custom/component. vm “ / > Fielderror :  Render field errors if they exists  Ex : <s:fielderror> <s:param>field1</s:param> <s:param>field2</s:param> </s:fielderror>  Tree :  Renders a tree widget with AJAX support.  Ex : <s:tree id=&quot;...&quot; label=&quot;...&quot;> <s:treenode id=&quot;...&quot; label=&quot;...&quot; /> <s:treenode id=&quot;...&quot; label=&quot;...&quot;> <s:treenode id=&quot;...&quot; label=&quot;...&quot; /> <s:treenode id=&quot;...&quot; label=&quot;...&quot; /> &;lt;/s:treenode> <s:treenode id=&quot;...&quot; label=&quot;...&quot; /> </s:tree>  etc….
Done! Click the  icon at the bottom to proceed!

More Related Content

What's hot (20)

PPSX
HTML Comprehensive Overview
Mohamed Loey
 
PPSX
HTML + CSS Examples
Mohamed Loey
 
PDF
Frontend bootcamp
SahilMore34
 
PPT
HTML Advanced
c525600
 
PPT
HTML Intermediate
c525600
 
PPT
Facebookcamp Toronto FBML
sboodram
 
PDF
Html grade 11
Nelly Mofokeng
 
PPTX
HTML Basics 1 workshop
John Allan
 
PDF
Getting Information through HTML Forms
Mike Crabb
 
PPTX
New HTML5/CSS3 techniques
mbeatrizoliveira
 
PDF
web technology practical file
FreedomFox1
 
PPTX
Html forms
Er. Nawaraj Bhandari
 
PPSX
Over view of html
Keith Borgonia Manatad
 
PPT
PPT on Basic HTML Tags
VinitaPaliwal1
 
PPSX
CSS Comprehensive Overview
Mohamed Loey
 
PPTX
Module 2
Xiyue Yang
 
PPTX
Html (hypertext markup language)
Anuj Singh Rajput
 
PPTX
3. elements
myrajendra
 
PPTX
Forms in html5
hrisi87
 
HTML Comprehensive Overview
Mohamed Loey
 
HTML + CSS Examples
Mohamed Loey
 
Frontend bootcamp
SahilMore34
 
HTML Advanced
c525600
 
HTML Intermediate
c525600
 
Facebookcamp Toronto FBML
sboodram
 
Html grade 11
Nelly Mofokeng
 
HTML Basics 1 workshop
John Allan
 
Getting Information through HTML Forms
Mike Crabb
 
New HTML5/CSS3 techniques
mbeatrizoliveira
 
web technology practical file
FreedomFox1
 
Over view of html
Keith Borgonia Manatad
 
PPT on Basic HTML Tags
VinitaPaliwal1
 
CSS Comprehensive Overview
Mohamed Loey
 
Module 2
Xiyue Yang
 
Html (hypertext markup language)
Anuj Singh Rajput
 
3. elements
myrajendra
 
Forms in html5
hrisi87
 

Similar to Krazykoder struts2 ui_tags (9)

PPT
Krazykoder struts2 data_tags
Krazy Koder
 
PPTX
Struts
Rajkumar Singh
 
PPTX
Struts 2
Lalit Garg
 
PPT
Struts2 course chapter 2: installation and configuration
JavaEE Trainers
 
PDF
Struts Tags Speakernoted
Harjinder Singh
 
PPT
Introducing Struts 2
wiradikusuma
 
PPT
D22 portlet development with open source frameworks
Sunil Patil
 
PPT
D22 Portlet Development With Open Source Frameworks
Sunil Patil
 
Krazykoder struts2 data_tags
Krazy Koder
 
Struts 2
Lalit Garg
 
Struts2 course chapter 2: installation and configuration
JavaEE Trainers
 
Struts Tags Speakernoted
Harjinder Singh
 
Introducing Struts 2
wiradikusuma
 
D22 portlet development with open source frameworks
Sunil Patil
 
D22 Portlet Development With Open Source Frameworks
Sunil Patil
 
Ad

More from Krazy Koder (20)

PPT
2310 b xd
Krazy Koder
 
PPT
2310 b xd
Krazy Koder
 
PPT
2310 b xd
Krazy Koder
 
PPT
2310 b xc
Krazy Koder
 
PPT
2310 b xb
Krazy Koder
 
PPT
2310 b 17
Krazy Koder
 
PPT
2310 b 16
Krazy Koder
 
PPT
2310 b 16
Krazy Koder
 
PPT
2310 b 15
Krazy Koder
 
PPT
2310 b 15
Krazy Koder
 
PPT
2310 b 14
Krazy Koder
 
PPT
2310 b 13
Krazy Koder
 
PPT
2310 b 12
Krazy Koder
 
PPT
2310 b 11
Krazy Koder
 
PPT
2310 b 10
Krazy Koder
 
PPT
2310 b 09
Krazy Koder
 
PPT
2310 b 08
Krazy Koder
 
PPT
2310 b 08
Krazy Koder
 
PPT
2310 b 08
Krazy Koder
 
PPT
2310 b 07
Krazy Koder
 
2310 b xd
Krazy Koder
 
2310 b xd
Krazy Koder
 
2310 b xd
Krazy Koder
 
2310 b xc
Krazy Koder
 
2310 b xb
Krazy Koder
 
2310 b 17
Krazy Koder
 
2310 b 16
Krazy Koder
 
2310 b 16
Krazy Koder
 
2310 b 15
Krazy Koder
 
2310 b 15
Krazy Koder
 
2310 b 14
Krazy Koder
 
2310 b 13
Krazy Koder
 
2310 b 12
Krazy Koder
 
2310 b 11
Krazy Koder
 
2310 b 10
Krazy Koder
 
2310 b 09
Krazy Koder
 
2310 b 08
Krazy Koder
 
2310 b 08
Krazy Koder
 
2310 b 08
Krazy Koder
 
2310 b 07
Krazy Koder
 
Ad

Recently uploaded (20)

PDF
LOOPS in C Programming Language - Technology
RishabhDwivedi43
 
PDF
AI Agents in the Cloud: The Rise of Agentic Cloud Architecture
Lilly Gracia
 
PDF
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
PDF
“Voice Interfaces on a Budget: Building Real-time Speech Recognition on Low-c...
Edge AI and Vision Alliance
 
PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
PDF
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
PPTX
Digital Circuits, important subject in CS
contactparinay1
 
PDF
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
PDF
Transcript: Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
PDF
Automating Feature Enrichment and Station Creation in Natural Gas Utility Net...
Safe Software
 
PDF
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PDF
What’s my job again? Slides from Mark Simos talk at 2025 Tampa BSides
Mark Simos
 
PDF
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
PDF
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PPT
Ericsson LTE presentation SEMINAR 2010.ppt
npat3
 
LOOPS in C Programming Language - Technology
RishabhDwivedi43
 
AI Agents in the Cloud: The Rise of Agentic Cloud Architecture
Lilly Gracia
 
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
“Voice Interfaces on a Budget: Building Real-time Speech Recognition on Low-c...
Edge AI and Vision Alliance
 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
Digital Circuits, important subject in CS
contactparinay1
 
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
Transcript: Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
Automating Feature Enrichment and Station Creation in Natural Gas Utility Net...
Safe Software
 
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
What’s my job again? Slides from Mark Simos talk at 2025 Tampa BSides
Mark Simos
 
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
Ericsson LTE presentation SEMINAR 2010.ppt
npat3
 

Krazykoder struts2 ui_tags

  • 1. Struts 2 UI Tags
  • 2. What are Struts Tags ? Nothing but Struts 2 API. Provides the functionality to dynamically create robust web pages. Leveraging conditional rendering and integration of data from application's domain model. There are many types of Struts Tags, but there are 4 main types.
  • 3. Main Type of Struts Tags DATA tags Focus on ways to extract data from the ValueStack. Control Flow Tags Gives you the tools to conditionally alter the flow of therendering process. Miscellaneous tags Include useful functionality as management of URL rendering and internationalization of text. UI Tags Display data in rich and reusable HTML.
  • 4. UI Tags It is User Interface Tags Categorise into 2 groups Form - Tags. Non – Form Tags. Simple and easy to use . Automatically generate HTML Code. XHTML theme is used.
  • 5. Form UI Tags Checkbox Ex: <s:checkbox label=&quot;checkbox test&quot; name= &quot;checkboxField1&quot; value=&quot;aBoolean&quot; fieldValue=&quot;true&quot;/> File Ex : <s:file name=&quot;anohterUploadFIle&quot; accept = &quot;text / html, text/plain&quot; /> Password Ex : <s:password label=&quot;%{text('password')}&quot; name= &quot;password&quot; size=&quot;10&quot; maxlength=&quot;15&quot; /> Datetimepicker Ex : <s:datetimepicker name=&quot;order.date&quot; label=&quot;Order Date&quot; /> etc….
  • 6. Non - Form UI Tags Component : Renders an custom UI widget using the specified templates. Ex: <s:component template= &quot;/my/custom/component. vm “ / > Fielderror : Render field errors if they exists Ex : <s:fielderror> <s:param>field1</s:param> <s:param>field2</s:param> </s:fielderror> Tree : Renders a tree widget with AJAX support. Ex : <s:tree id=&quot;...&quot; label=&quot;...&quot;> <s:treenode id=&quot;...&quot; label=&quot;...&quot; /> <s:treenode id=&quot;...&quot; label=&quot;...&quot;> <s:treenode id=&quot;...&quot; label=&quot;...&quot; /> <s:treenode id=&quot;...&quot; label=&quot;...&quot; /> &;lt;/s:treenode> <s:treenode id=&quot;...&quot; label=&quot;...&quot; /> </s:tree> etc….
  • 7. Done! Click the icon at the bottom to proceed!